<template>
    <div style="padding: 20px">
        <h1>新增标签</h1>
        <el-input v-model="tagName" placeholder="输入标签名称" style="width: 50%">
            <el-button slot="append" icon="el-icon-circle-plus-outline" @click="onclick_addTag"></el-button>
        </el-input>
        <el-table>
            <el-table-column type="index" label="#" align="center"></el-table-column>
            <el-table-column label="标签名称" align="center"></el-table-column>
            <el-table-column label="操作" align="center">
                <template slot-scope="scope">
                    <el-button type="text" style="color: #3a8ee6">重命名</el-button>
                    <el-button type="text" style="color: red">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
    export default {
        name: "tags",
        data() {
            return {
                tagName: ''
            }
        },
        methods: {
            async onclick_addTag() {
                let res = await this.$http.post()
            }
        }
    }
</script>

<style scoped>

</style>